<template>
	<div class="userfeatures">
		<div class="userfeatures_listBox">
			<div class="userfeatures_list">
				<img src="../../../assets/images/我的消息.png" />
				<p>我的消息</p>
			</div>
			<div class="userfeatures_list">
				<img src="../../../assets/images/我 的.png" />
				<p>我的好友</p>
			</div>
			<div class="userfeatures_list">
				<img src="../../../assets/images/听歌识曲.png" />
				<p>听歌识曲</p>
			</div>
			<div class="userfeatures_list">
				<img src="../../../assets/images/个性装扮.png" />
				<p>个性装扮</p>
			</div>
		</div>
	</div>
</template>

<script>
</script>

<style lang="scss" scoped>
	@import "~@/assets/css/common.scss";
	a {}
	
	.userfeatures {
		margin-top: vw(55);
		.userfeatures_listBox {
			padding: 0 vw(25);
			display: flex;
			justify-content: space-between;
			.userfeatures_list {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				p {
					font-size: vw(10);
					color: #676767;
					margin-top: vw(2);
				}
				img {
					width: vw(28);
					height: vw(28);
				}
			}
		}
	}
</style>